@import "../common.scss";
body {
	background-color: #fff;
}

.content {
	padding: 0 ws(74/2);
	.header-title {
		color: $main-color;
		font-size: ws(25);
		margin-bottom: ws(30);
	}
	.list {
		.list-item {
			background-color: #ffffff;
			box-shadow: 0 ws(3/2) ws(30/2) 0 rgba(65, 65, 65, 0.1);
			border-radius: ws(10);
			padding: ws(45/2) 0;
			margin-bottom: ws(25);
			position: relative;
			&::after{
				content: '';
				position: absolute;
				width: ws(1);
				height: ws(25);
				bottom: ws(-25);
				left: ws(18);
				background-color: $main-color;
			}
			&:last-child{
				&::after{
					background-color: #fff;
				}
				
			}
			.item-period{
				display: inline-block;
				color: #fff;
				padding: ws(1) ws(5);
				font-size: ws(14);
				background-color: $main-color;
				border-radius: 0 ws(10) ws(10) 0;
				margin-bottom: ws(10);
			}
			.item-repairs-list{
				padding: 0 ws(15);
				position: relative;
				.repairs-item{
					display: flex;
					align-items: center;
					justify-content: space-between;
					margin-top: ws(15);
					.title{
						color: #414141;
						font-size: ws(14);
						display: flex;
						align-items: center;
						.text{
							width: ws(150);
							@include one-line;
						}
						.icon{
							width: ws(11/2);
							height: ws(11/2);
							border-radius: ws(11);
							background-color: #414141;
							margin-right: ws(10);
						}
					}
					.time{
						color: #7f7f7f;
						font-size: ws(12);
					}
				}
			}
		}
	}
}
